html,body{
    width: 100%;
}
.main{
   margin: 0 auto;
   margin-left: 20px;
}

div.titpic{
    /*text-align: center;*/
    margin-left: 50px;
}
#tit1{
    background-color: #fc831c;
    color: white;
    font-family: "\5fae\8f6f\96c5\9ed1";
    padding: 2px 10px;
    border-radius: 5px;
    margin-right: 20px;
}
div.video{
    height: auto;
    width:1200px;
    height: 620px;
    position: relative;
        /*border: solid 1px #111;*/
}

div.mainvideo{

    width: 500px;
    height: 300px;
    /*display: inline-block;*/
    margin-left: 50px;
}
div.optionalvideo{
    /*display: inline-block;*/
    width: 360px;
    height:250px;
    position: absolute;
    right: 0;
    top: 0;
    font-family: "\5fae\8f6f\96c5\9ed1";
    margin-top: -43px;

}
#vframe{
    height: 700px;
    width: 250px;
}
div.mainvideo>p{
    margin: 0 0 16px 0;
}
#opttit{
    width: 350px;
    padding-bottom: 10px;
    border-bottom: 1px solid gainsboro;
    margin-top: 0;
}

div.textinfo{
    display: block;
    font-family: "\5fae\8f6f\96c5\9ed1";
    border-top: 1px solid gainsboro;
    margin: -30px 50px 0 50px;
    width: 750px;
}
div.titbar{
    font-family: "\5fae\8f6f\96c5\9ed1";
    margin: 0 50px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 15px;
    margin-bottom: 10px;
}